<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org" xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
<head>
    <th:block th:include="include :: header('用电统计')"/>
</head>
<body class="gray-bg">
<div class="container-div">
    <div class="row">

        <div class="col-sm-12 search-collapse">
            <form id="formId">
                <div class="select-list">
                    <ul>
                        <li>
                            <label>设备类型：</label>
                            <input type="text" name="bianhao"/>
                        </li>
                        <li>
                            <label>设备：</label>
                            <input type="text" name="checkdate"/>
                        </li>
                        <li>
                            <label>时间：</label>
                            <input type="text" name="checkdate"/>
                        </li>
                        <li>
                            <a class="btn btn-primary btn-rounded btn-sm" onclick="$.table.search()"><i
                                    class="fa fa-search"></i>&nbsp;搜索</a>
                            <a class="btn btn-warning btn-rounded btn-sm" onclick="$.form.reset()"><i
                                    class="fa fa-refresh"></i>&nbsp;重置</a>
                        </li>
                    </ul>
                </div>
            </form>
        </div>
        <div class="col-sm-12" style="margin-top: 20px">
            <div class="col-sm-12 select-table table-bordered">
                <div class="bootstrap-table bootstrap3">
                    <div class="fixed-table-toolbar">
                        <div class="bs-bars pull-left"></div>
                    </div>

                    <div class="fixed-table-container" style="padding-bottom: 0px;">
                        <div class="fixed-table-header" style="display: none;">
                            <table></table>
                        </div>
                        <div class="fixed-table-body">
                            <div class="fixed-table-loading table table-bordered table-hover" style="top: 70.3403px;">
      <span class="loading-wrap">
      <span class="loading-text" style="font-size: 13px;">正在努力地加载数据中，请稍候</span>
      <span class="animation-wrap"><span class="animation-dot"></span></span>
      </span>

                            </div>
                            <table id="bootstrap-table" class="table table-bordered table-hover">
                                <thead class="">
                                <tr>
                                    <th style="text-align: center; " colspan="1">
                                        <div class="th-inner ">设备名称</div>
                                        <div class="fht-cell"></div>
                                    </th>
                                    <th style="text-align: center; " colspan="2">
                                        <div class="th-inner ">峰</div>
                                        <div class="fht-cell"></div>
                                    </th>
                                    <th style="text-align: center; " colspan="2">
                                        <div class="th-inner ">平</div>
                                        <div class="fht-cell"></div>
                                    </th>
                                    <th style="text-align: center; " colspan="2">
                                        <div class="th-inner ">谷</div>
                                        <div class="fht-cell"></div>
                                    </th>
                                    <th style="text-align: center; " colspan="2">
                                        <div class="th-inner ">总</div>
                                        <div class="fht-cell"></div>
                                    </th>
                                    <th style="text-align: center; " colspan="1">
                                        <div class="th-inner ">谷电量占比</div>
                                        <div class="fht-cell"></div>
                                    </th>
                                </tr>
                                <tr>
                                    <th style="" data-field="userId">
                                        <div class="th-inner "
                        </div>
                        <div class="fht-cell"></div>
                        </th>
                        <th style="" data-field="userId">
                            <div class="th-inner ">电量 (kWh)</div>
                            <div class="fht-cell"></div>
                        </th>
                        <th style="" data-field="userCode">
                            <div class="th-inner ">电费 (元)</div>
                            <div class="fht-cell"></div>
                        </th>
                        <th style="" data-field="userId">
                            <div class="th-inner ">电量 (kWh)</div>
                            <div class="fht-cell"></div>
                        </th>
                        <th style="" data-field="userCode">
                            <div class="th-inner ">电费 (元)</div>
                            <div class="fht-cell"></div>
                        </th>
                        <th style="" data-field="userId">
                            <div class="th-inner ">电量 (kWh)</div>
                            <div class="fht-cell"></div>
                        </th>
                        <th style="" data-field="userCode">
                            <div class="th-inner ">电费 (元)</div>
                            <div class="fht-cell"></div>
                        </th>
                        <th style="" data-field="userId">
                            <div class="th-inner ">电量 (kWh)</div>
                            <div class="fht-cell"></div>
                        </th>
                        <th style="" data-field="userCode">
                            <div class="th-inner ">电费 (元)</div>
                            <div class="fht-cell"></div>
                        </th>
                        <th style="" data-field="userCode">
                            <div class="th-inner "></div>
                            <div class="fht-cell"></div>
                        </th>

                        </tr>
                        </thead>
                        <tbody>
                        <tr>
                        <td>A栋照明a-B1-11AL</td>
                        <td>38198</td>
                        <td>49214.3	</td>
                        <td>40726</td>
                        <td>31273.49</td>
                        <td>29797</td>
                        <td>9007.63</td>
                        <td>108721</td>
                        <td>89495.43</td>
                        <td>27.41%3</td>
                        </tr>
                        <tr>
                            <td>A栋照明a-B1-11AL</td>
                            <td>38198</td>
                            <td>49214.3	</td>
                            <td>40726</td>
                            <td>31273.49</td>
                            <td>29797</td>
                            <td>9007.63</td>
                            <td>108721</td>
                            <td>89495.43</td>
                            <td>27.41%3</td>
                        </tr>
                        <tr>
                            <td>A栋照明a-B1-11AL</td>
                            <td>38198</td>
                            <td>49214.3	</td>
                            <td>40726</td>
                            <td>31273.49</td>
                            <td>29797</td>
                            <td>9007.63</td>
                            <td>108721</td>
                            <td>89495.43</td>
                            <td>27.41%3</td>
                        </tr>
                        <tr>
                            <td>A栋照明a-B1-11AL</td>
                            <td>38198</td>
                            <td>49214.3	</td>
                            <td>40726</td>
                            <td>31273.49</td>
                            <td>29797</td>
                            <td>9007.63</td>
                            <td>108721</td>
                            <td>89495.43</td>
                            <td>27.41%3</td>
                        </tr>
                        <tr>
                            <td>A栋照明a-B1-11AL</td>
                            <td>38198</td>
                            <td>49214.3	</td>
                            <td>40726</td>
                            <td>31273.49</td>
                            <td>29797</td>
                            <td>9007.63</td>
                            <td>108721</td>
                            <td>89495.43</td>
                            <td>27.41%3</td>
                        </tr>
                        <tr>
                            <td>A栋照明a-B1-11AL</td>
                            <td>38198</td>
                            <td>49214.3	</td>
                            <td>40726</td>
                            <td>31273.49</td>
                            <td>29797</td>
                            <td>9007.63</td>
                            <td>108721</td>
                            <td>89495.43</td>
                            <td>27.41%3</td>
                        </tr>
                        <tr>
                            <td>A栋照明a-B1-11AL</td>
                            <td>38198</td>
                            <td>49214.3	</td>
                            <td>40726</td>
                            <td>31273.49</td>
                            <td>29797</td>
                            <td>9007.63</td>
                            <td>108721</td>
                            <td>89495.43</td>
                            <td>27.41%3</td>
                        </tr>
                        <tr>
                            <td>A栋照明a-B1-11AL</td>
                            <td>38198</td>
                            <td>49214.3	</td>
                            <td>40726</td>
                            <td>31273.49</td>
                            <td>29797</td>
                            <td>9007.63</td>
                            <td>108721</td>
                            <td>89495.43</td>
                            <td>27.41%3</td>
                        </tr>
                        <tr>
                            <td>A栋照明a-B1-11AL</td>
                            <td>38198</td>
                            <td>49214.3	</td>
                            <td>40726</td>
                            <td>31273.49</td>
                            <td>29797</td>
                            <td>9007.63</td>
                            <td>108721</td>
                            <td>89495.43</td>
                            <td>27.41%3</td>
                        </tr>
                        </tbody>
                        </table>
                    </div>
                    <div class="fixed-table-footer"></div>
                </div>
                <div class="fixed-table-pagination" style="">
                    <div class="pull-left pagination-detail"><span class="pagination-info">
      显示第 1 到第 10 条记录，总共 26 条记录
      </span>
                        <div class="page-list">每页显示
                            <div class="btn-group dropdown dropup">
                                <button class="btn btn-default btn-outline dropdown-toggle" type="button"
                                        data-toggle="dropdown">
        <span class="page-size">
        10
        </span>
                                    <span class="caret"></span>
                                </button>
                                <ul class="dropdown-menu" role="menu">
                                    <li role="menuitem" class="active"><a href="#">10</a></li>
                                    <li role="menuitem" class=""><a href="#">25</a></li>
                                    <li role="menuitem" class=""><a href="#">50</a></li>
                                </ul>
                            </div>
                            条记录
                        </div>
                    </div>
                    <div class="pull-right pagination">
                        <ul class="pagination pagination-outline">
                            <li class="page-item page-pre disabled"><a class="page-link" aria-label="上一页"
                                                                       href="javascript:void(0)">‹</a></li>
                            <li class="page-item active"><a class="page-link" aria-label="第1页"
                                                            href="javascript:void(0)">1</a></li>
                            <li class="page-item"><a class="page-link" aria-label="第2页"
                                                     href="javascript:void(0)">2</a></li>
                            <li class="page-item"><a class="page-link" aria-label="第3页"
                                                     href="javascript:void(0)">3</a></li>
                            <li class="page-item page-next"><a class="page-link" aria-label="下一页"
                                                               href="javascript:void(0)">›</a></li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="clearfix"></div>
        </div>
    </div>
</div>

</div>
<th:block th:include="include :: footer"/>
</body>
</html>
